<script setup lang="ts">
import type { AppTypeProps } from '@/types';

import type { PropType } from 'vue';

defineOptions({
  name: 'HomeWeb',
});

defineProps({
  app: {
    default: () => ({}),
    type: Object as PropType<AppTypeProps>,
  },
});
</script>

<template>
  <div class="demo">
    <iframe :src="app.url"></iframe>
  </div>
</template>
<style scoped lang="scss">
.demo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #333;
  text-shadow: none;

  iframe {
    width: 100%;
    height: 100%;
    border: none;
  }
}
</style>
